<template>
  <div class="navigation">
      <ul class="clearfix">
          <li v-for="(item,index) in ad_channel"
           :key="index">
              <a>
                <img :src="item.imageUrl">
                <span>{{item.name}}</span>
              </a>
          </li>
      </ul>
  </div>
</template>
<script>
export default {
  props: {
    ad_channel: Array
  }
}
</script>
<style scoped lang="less">
.navigation {
  padding-bottom: .15rem;
  li{
    float: left;
    width: 20%;
    text-align: center;
  }
  a{
    display: block;
    color: #999;
  }
  img{
    display: block;
    margin: .15rem auto .06rem;
    width: .36rem;
    height: .36rem;
  }
}
</style>
